<template>
  <div class="card">
    <div style="width: 80%; margin: 0 auto" >
      <div style="color: white; display: flex; flex-direction: column;margin-left: 30px;">
        <span>订单编号:{{ processForm.code }}</span>
        <span>提交时间:{{ formatterTime(processForm.submitTime) }}</span>
      </div>
      <el-divider></el-divider>
      <div style="margin-top: 6vh; color: white">
        <el-row :gutter="30">
          <el-col :span="4">
            <div style="display: flex; flex-direction: column">
              <span style="text-align: center">销售</span>
              <span
                style="
                  text-align: center;
                  background-color: #314a88;
                  margin-top: 5px;
                  padding: 5px 0px;
                "
                >提交评审</span
              >
              <span style="text-align: center; margin-top: 5px">{{processForm.sale.flowStatus==2?'当前状态': processForm.sale.flowStatus==1?'√':'' }}</span>
            </div>
          </el-col>
          <el-col :span="6">
            <div style="display: flex; flex-direction: column">
              <span style="text-align: center">标准科</span>
              <span
                style="
                  text-align: center;
                  background-color: #314a88;
                  margin-top: 5px;
                  padding: 5px 0px;
                "
                >评审信息规范性审核</span
              >
              <span style="text-align: center; margin-top: 5px">{{ processForm.standard.flowStatus==2?'当前状态': processForm.standard.flowStatus==1?'√':''}}</span>
            </div>
          </el-col>
          <el-col :span="4">
            <div style="display: flex; flex-direction: column">
              <span style="text-align: center">技术中心</span>
              <span
                style="
                  text-align: center;
                  background-color: #314a88;
                  margin-top: 5px;
                  padding: 5px 0px;
                "
                >技术评审</span
              >
              <span style="text-align: center; margin-top: 5px">{{ processForm.center.flowStatus==2?'当前状态': processForm.center.flowStatus==1?'√':''}}</span>
            </div>
          </el-col>
          <el-col :span="6">
            <div style="display: flex; flex-direction: column">
              <span style="text-align: center">标准科</span>
              <span
                style="
                  text-align: center;
                  background-color: #314a88;
                  margin-top: 5px;
                  padding: 5px 0px;
                "
                >评审意见合规性审核</span
              >
              <span style="text-align: center; margin-top: 5px">{{ processForm.standardDepartment.flowStatus==2?'当前状态': processForm.standardDepartment.flowStatus==1?'√':''}}</span>
            </div>
          </el-col>
          <el-col :span="4">
            <div style="display: flex; flex-direction: column">
              <span style="text-align: center">销售</span>
              <span
                style="
                  text-align: center;
                  background-color: #314a88;
                  margin-top: 5px;
                  padding: 5px 0px;
                "
                >确认存档</span
              >
              <span style="text-align: center; margin-top: 5px">{{ processForm.file.flowStatus==2?'当前状态': processForm.file.flowStatus==1?'√':''}}</span>
            </div>
          </el-col>
        </el-row>
      </div>
    </div>
  </div>
</template>

<script>
import { timeChange } from "@/lib/FormatTime";
export default {
  props: {
    processForm: {
      type: Object,
      default: () => {}
    }
  },
  methods: {
    /**
     * 格式化日期方法
     */
    formatterTime(time) {
      if (time !== "" && time !== undefined) {
        return timeChange(time);
      } else {
        return "";
      }
    }
  }
};
</script>

<style scoped>
.card {
  height: calc(100vh - 190px);
  background: #1a367a;
}
</style>
